<template>
  <div class="box">
    <HelloWorld :list="list"></HelloWorld>
    <list :list="list" @click="app"></list>
  </div>
</template>
<script>
import list from "@/components/list.vue";
import HelloWorld from "@/components/HelloWorld.vue";
export default {
  components: {
    list,
    HelloWorld,
  },
  data() {
    return{
        list:'张三'
    }
  },
  methods: {
    app(){
        console.log(this.list);
        this.$emit('click',this.list)
    }
  },
  mounted() {},
};
</script>